<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmCurso">


        <rich:panel id="panCursos" header="Curso" rendered="true">
		<h:panelGrid id="pnlEntCursos" columns="4" styleClass="gridhello" columnClasses="gridhellocolumn">

                    <h:outputText value="" />
                    <h:inputHidden value="#{gestorCursos.currentCurso.codigo}"/>
                    <h:outputText value="" />
                    <h:outputText value="" />

                     <h:outputText value="Usuario:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>

                            <h:inputText id="Usuario" value="#{gestorCursos.currentCurso.usuario.login}"
                                         required="true" readonly="true" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>
                        <rich:message for="Usuario" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="#{general.institucion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <h:inputText id="Institucion" value="#{gestorCursos.currentCurso.institucion}"
                                     required="true" maxlength="60"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Institucion" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />



                        <h:outputText value="Facultad:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Facultad" value="#{gestorCursos.currentCurso.facultad}"
                                     maxlength="60"
                                     
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="#{general.descripcion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="idDescripcion" value="#{gestorCursos.currentCurso.descripcion}"
                                      maxlength="120"
                                     
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="idDescripcion" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Fecha de Inicio:"   />
                        <h:panelGroup>
                            
                        <a4j:outputPanel id="calendar" layout="block">
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <rich:calendar value="#{gestorCursos.currentCurso.fecha}"
                                           showApplyButton="true"
                                           cellWidth="24px"
                                           cellHeight="22px"
                                           style="width:150px"/>
                        </a4j:outputPanel>
                        </h:panelGroup>
                        
                        <h:outputText value="" />
                        <h:outputText value="" />
                        
                        <h:outputText value="Puntaje:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <h:inputText id="Puntaje" value="#{gestorCursos.currentCurso.puntaje}"
                                     required="true" maxlength="60"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Puntaje" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />



        	</h:panelGrid>
        	<h:panelGrid id="pngBtnGrabar" columns="3" cellspacing="5px">
			<a4j:commandButton id="btnGrabar" value="Agregar/Modificar" action="#{gestorCursos.grabar}"
                                                   title="Grabar o Modificar"/>
                        <a4j:commandButton id="btnRegresar" value="Regresar" action="cursos" immediate="true"
	                                           title="Regresa a la Pagina Cursos"/>

	        </h:panelGrid>
                <h:panelGrid id="mensajitoRequerido">
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:outputText value="= El Campo es Requerido" styleClass="mensaje_AvisoRojo"  />
                        </h:panelGroup>
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:outputText value="= El Campo es Opcional" styleClass="mensaje_AvisoAzul"  />
                        </h:panelGroup>
                    </h:panelGrid>

        </rich:panel>

        <a4j:include id="incBuscarUsuario" viewId="/comun/buscarUsuario.xhtml"/>
    </a4j:form>
</ui:composition>